<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <div class="hd">
        <div class="top">
            <div class="search">
                <div class="search-left">
                    <a href="">武汉</a><span class="iconfont icon-xiala"></span>
                    <p>晴 34 C</p>
                </div>
                <div class="search-w">
                    <input type="text" name="" id="" placeholder="健康证武汉">
                    <button>搜索</button>
                    <span></span>
                </div>
                <div class="search-right">
                    <a href=""><span class="iconfont icon-jia"></span></a>
                </div>
            </div>
            <div class="function">
                <div class="scan">
                    <a href="">
                        <span class="iconfont icon-scanicn"></span>
                        <p>扫一扫</p>
                    </a>
                </div>
                <div class="scan">
                    <a href="">
                        <span class="iconfont icon-shoufukuan"></span>
                        <p>收付款</p>
                    </a>
                </div>
                <div class="scan">
                    <a href="">
                        <span class="iconfont icon-chuhang"></span>
                        <p>出行</p>
                    </a>
                </div>
                <div class="scan">
                    <a href="">
                        <span class="iconfont icon-qiabao"></span>
                        <p>卡包</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="conter">
            <div class="bd">
                <div class="use row">
                    <a href=""> <span class="iconfont icon-changyonglogo40"></span>
                        <p>饿了么</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-koubei"></span>
                        <p>口碑好店</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-shiminzhongxin"></span>
                        <p>市民中心</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-dianying"></span>
                        <p>电影</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-zhuanzhang"></span>
                        <p>转账</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-yundong"></span>
                        <p>运动</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-shouji"></span>
                        <p>充值中心</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-xiaoji"></span>
                        <p>蚂蚁庄园</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-a-lianxiaolianmanyi-4"></span>
                        <p>校园派</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-zhimaxinyong"></span>
                        <p>芝麻信用</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-jiankangma"></span>
                        <p>健康码</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-huochepiao"></span>
                        <p>火车票</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-huabei"></span>
                        <p>花呗</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-wodexiaochengxu"></span>
                        <p>小程序</p>
                    </a>
                </div>
                <div class="use row">
                    <a href=""> <span class="iconfont icon-more"></span>
                        <p>更多</p>
                    </a>
                </div>
            </div>
            <div class="message">
                <div class="message-left">
                    
                    <p><span class="iconfont icon-dd"></span><a href="">你有一张卷即将到期<span>1分钟前</span></a></p>
                     <p><span class="iconfont icon-dd"></span><a href="">你的小鸡请去肥料厂工作了<span>11分钟前</span></a></p>
                    
                </div>
                <div class="message-right">
                     <span class="iconfont icon-you"></span>
                </div>
            </div>
            <div class="banner">
                <a href=""><img src="images/Snipaste_2021-09-10_16-40-22.png" alt=""></a>
            </div>
            <div class="something">
                <div class="somthing-top">
                    <a href="">有点东西</a>  <span>|</span> <span>有用有趣好服务</span>
                </div>
                <div class="somthing-conter">
                    <a href=""><img src="images/Snipaste_2021-09-10_17-59-43.png" alt=""></a>
                    <a href=""><img src="images/Snipaste_2021-09-10_18-01-25.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="zhi">
                <a href=""><span class="iconfont icon-zhifubao1"></span></a>
            </div>
            <div class="licai">
                <a href="">
                    <span class="iconfont icon-licai"></span>
                    <p>理财</p>
                </a>
            </div>
            <div class="licai">
                <a href="">
                    <span class="iconfont icon-koubei1"></span>
                    <p>口碑</p>
                </a>
            </div>
            <div class="licai">
                <a href="">
                    <span class="iconfont icon-xiaoxi"></span>
                    <p>消息</p>
                </a>
            </div>
            <div class="licai">
                <a href="">
                    <span class="iconfont icon-wode"></span>
                    <p>我的</p>
                </a>
            </div>
            
        </div>
    </div>
</body>

</html>